<template>
  <div class="b-wrap">
    <div class="primary-menu-itnl">
      <!-- 左侧栏--start -->
      <div class=".page-tab-left">
        <ul class="con">
          <li>
            <a href="#">
              <div class="round"></div>
              <span>动态</span>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="round"></div>
              <span>热门</span>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="round"></div>
              <span>频道</span>
            </a>
          </li>
          <li>
            <a href="#">
              <div class="round"></div>
              <span>首页</span>
            </a>
          </li>
        </ul>
      </div>
      <!-- 左侧栏--end -->
      <!-- 竖线 -->
      <span class="tab-line left-line"></span>
      <!-- 竖线 -->
      <!-- 中间栏目--start -->
      <div class="page-tab-center">
        <div class="item-menu">
          <a href="#" class="name">
            <span>动画<em>999+</em></span>
          </a>
        </div>
        <div class="item-menu">
          <a href="#" class="name">
            <span>音乐<em>999+</em></span>
          </a>
        </div>
        <div class="item-menu">
          <a href="#" class="name">
            <span>舞蹈<em>475</em></span>
          </a>
        </div>
        <div class="item-menu">
          <a href="#" class="name">
            <span>知识<em>999+</em></span>
          </a>
        </div>
        <div class="item-menu">
          <a href="#" class="name">
            <span>生活<em>999+</em></span>
          </a>
        </div>
        <div class="item-menu">
          <a href="#" class="name">
            <span>时尚<em>418</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>娱乐<em>999+</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>放映厅<em>70</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>番剧<em>63</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>国创<em>176</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>游戏<em>999+</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>科技<em>411</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>鬼畜<em>85</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>资讯<em>53</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>影视<em>999+</em></span>
          </a>
        </div>
          <div class="item-menu">
          <a href="#" class="name">
            <span>更多<i>&nbsp;></i></span>
          </a>
        </div>
      </div>
      <!-- 中间栏目--end -->
      <!-- 竖线 -->
      <span class="tab-line right-line"></span>
      <!-- 竖线 -->
      <!-- 右侧栏目--start -->
      <div class="page-tab-right">
        <div class="item-menu">
          <a href="#">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-quanyi"></use>
            </svg>
                  <span>专栏</span>
          </a>
        </div>
        <div class="item-menu">
          <a href="#">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-daohang"></use>
            </svg>
                  <span>活动</span>
          </a>
        </div>
        <div class="item-menu">
          <a href="#">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-gonglve"></use>
            </svg>
                  <span>小黑屋</span>
          </a>
        </div>
       <div class="item-menu">
          <a href="#">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-yuyin"></use>
            </svg>
                  <span>直播</span>
          </a>
        </div>
        <div class="item-menu">
          <a href="#">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-bianji"></use>
            </svg>
                  <span>课堂</span>
          </a>
        </div>
        <div class="item-menu">
          <a href="#">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-jiankong"></use>
            </svg>
                  <span>新歌热榜</span>
          </a>
        </div>
      </div>
      <!-- 右侧栏目--end -->
  </div>
 </div>
</template>

<script>
// import "./index.css";
import "../../assets/fonts/iconfont";
export default {
 name:'PrimaryHeader'
};
</script>

<style>
  /* @import "../../components/PrimaryHeader/index.css"; */
  @import "~@/components/PrimaryHeader/index.css";
</style>